<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <title>记录详情</title>

    <meta name="description" content="">
    <meta name="author" content="Hovace">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap/bootstrap.css"/>

    <!-- Calendar Styling  -->
    <link rel="stylesheet" href="assets/css/plugins/calendar/calendar.css"/>

    <!-- Fonts  -->
    <link href='assets/fonts/gooleapis.css' rel='stylesheet' type='text/css'>

    <!-- Base Styling  -->
    <link rel="stylesheet" href="assets/css/app/app.v1.css"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="assets/js/h5/html5shiv.js"></script>
    <script src="assets/js/h5/respond.js"></script>
    <![endif]-->

</head>
<body data-ng-app>


<!-- Preloader -->
<div class="loading-container">
    <div class="loading">
        <div class="l1">
            <div></div>
        </div>
        <div class="l2">
            <div></div>
        </div>
        <div class="l3">
            <div></div>
        </div>
        <div class="l4">
            <div></div>
        </div>
    </div>
</div>
<!-- Preloader -->


<aside class="left-panel">

    <div class="user text-center">
        <a href="personal-center.html">
            <img src="assets/images/avtar/user.jpg" class="img-circle" alt="...">
            <h4 class="user-name">张飞</h4>
        </a>


    </div>


    <nav class="navigation">
        <ul class="list-unstyled">
            <li class="has-submenu active"><a href="personal-record.html"><i class=" fa fa-user"></i> <span
                    class="nav-label">取证中心</span></a>

            </li>

            <li class="has-submenu"><a href="file-upload.html"><i class=" glyphicon glyphicon-folder-close"></i> <span
                    class="nav-label">附件箱</span></a>
            </li>
            <li class="has-submenu"><a href="digital-locker.html"><i class=" fa fa-folder"></i> <span
                    class="nav-label">数字保险柜</span></a>

            </li>
        </ul>
    </nav>

</aside>
<!-- Aside Ends-->

<section class="content">


    <header class="top-head container-fluid">
        <button type="button" class="navbar-toggle pull-left">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <div class="navbar-left  pull-left hidden-xs">
            <h3 style="margin: 0px;padding: 0px;line-height: 2;">取证中心</h3>
        </div>

        <nav class=" navbar-default hidden-xs" role="navigation">

        </nav>


    </header>
    <!-- Header Ends -->


    <div class="warper container-fluid">


        <div class="col-md-12 buttonBox" style="margin-bottom: 30px;">
            <a href="authorization.html">
                <button type="button" class="btn btn-green ">授权</button>
            </a>

            <a href="format.html">
                <button type="button" class="btn btn-info">打印</button>
            </a>

            <div class="btn-group">
                <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button">导出 <span
                        class="caret"></span></button>
                <ul role="menu" class="dropdown-menu">
                    <li>
                        <a href="contract.pdf" download="PDF">
                            pdf
                        </a>
                    </li>
                    <li><a href="contract.png" download="png">图片</a></li>

                </ul>
            </div>
        </div>
        <div class="col-md-6 text-center">
            <div class="panel panel-default">
                <div class="panel-heading text-left">详情</div>
                <div class="panel-body">
                    <h4 class="text-left">通用</h4>
                    <dl class="dl-horizontal">
                        <dt>功能</dt>
                        <dd>合约签名</dd>
                        <dt>创建日期</dt>
                        <dd>2015年12月26日16:28:04</dd>
                        <dt>修改日期</dt>
                        <dd>2015年12月27日16:29:04</dd>

                        <br>
                        <dt>名称</dt>
                        <dd>设计外包合同</dd>
                        <dt>描述</dt>
                        <dd>FMS（iOS App）手机应用程式设计外包合同</dd>
                    </dl>

                    <h4 class="text-left">电子签名</h4>
                    <dl class="dl-horizontal">
                        <dt>签名状态</dt>
                        <dd>已签名</dd>
                        <dt>签名人</dt>
                        <dd>张飞、关羽</dd>
                        <dt>最后签名时间</dt>
                        <dd>2015年12月27日16:29:04</dd>

                    </dl>
                    <h4 class="text-left">具体签名信息</h4>
                    <dl class="dl-horizontal">
                        <dt>张飞</dt>
                        <br>
                        <dt>时间</dt>
                        <dd>2015年12月27日16:29:04</dd>
                        <dt>位置</dt>
                        <dd>北京</dd>

                        <br>
                        <dt>关羽</dt>
                        <br>

                        <dt>时间</dt>
                        <dd>2015年12月27日16:29:04</dd>
                        <dt>位置</dt>
                        <dd>南京</dd>
                    </dl>
                    <h4 class="text-left">对象信息</h4>
                    <dl class="dl-horizontal">
                        <dt>实际签名对象</dt>
                        <dd>设计外包合同.PDF</dd>
                        <dt>种类</dt>
                        <dd>PDF</dd>
                        <dt>大小</dt>
                        <dd>1.4M</dd>


                    </dl>


                </div>
            </div>
        </div>

        <div class="col-md-6 text-center">
            <div class="panel panel-default">
                <div class="panel-heading text-left">对象信息</div>
                <div class="panel-body">
                    <a href="##"><img style="cursor: pointer;width: 100%" src="assets/images/avtar/pdf.png" alt="对象信息"></a>


                </div>
            </div>
        </div>


    </div>
    <!-- Warper Ends Here (working area) -->



    <footer class="container-fluid footer text-center">
        版权 &copy; 2016 <a href="http://www.bankeys.com.cn/" target="_blank">Bankeys</a>
        <a href="install.html" class="pull-left" ><i class=" glyphicon glyphicon-download-alt"></i> <span class="nav-label">下载控件</span></a>
        <a href="#" class="pull-right scrollToTop"><i class="fa fa-chevron-up"></i></a>
    </footer>


</section>
<!-- Content Block Ends Here (right box)-->


<!-- JQuery v1.9.1 -->
<script src="assets/js/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/underscore/underscore-min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap/bootstrap.min.js"></script>

<!-- Globalize -->
<script src="assets/js/globalize/globalize.min.js"></script>

<!-- NanoScroll -->
<script src="assets/js/plugins/nicescroll/jquery.nicescroll.min.js"></script>

<!-- Chart JS-->
<script src="assets/js/plugins/DevExpressChartJS/dx.chartjs.js"></script>
<script src="assets/js/plugins/DevExpressChartJS/world.js"></script>
<!-- For Demo Charts-->
<script src="assets/js/plugins/DevExpressChartJS/demo-charts.js"></script>
<script src="assets/js/plugins/DevExpressChartJS/demo-vectorMap.js"></script>


<!-- ToDo List Plugin -->
<script src="assets/js/angular/todo.js"></script>


<!-- Data Table -->
<script src="assets/js/plugins/datatables/jquery.dataTables.js"></script>
<script src="assets/js/plugins/datatables/DT_bootstrap.js"></script>
<script src="assets/js/plugins/datatables/jquery.dataTables-conf.js"></script>


<!-- Calendar JS -->
<script src="assets/js/plugins/calendar/calendar.js"></script>
<!-- Calendar Conf -->
<script src="assets/js/plugins/calendar/calendar-conf.js"></script>


<!-- Custom JQuery -->
<script src="assets/js/app/custom.js" type="text/javascript"></script>


</body>
</html>
